#bargain{
    width: 100%;
    min-height: 100%;
    background: url(/dist/image/bargain/pingpu@2x.png) repeat;
    background-size: 100%;
    .top{
        width: 100%;
        height: 7.32rem;
        position: relative;
        img{
            width: 100%;
            display: block;
            margin-left: .01rem;
        }
        .time{
            position: absolute;
            width: 100%;
            top: 4.56rem;
            left: 0;
            height: .84rem;
            a{
                background-size: .84rem .84rem;
                font: .36rem/.84rem "微软雅黑";
                text-align: center;
                float: left;
                height: .84rem;
                width: .84rem;
                color: #505050;
            }
            span{
                width: .5rem;
                text-align: center;
                float: left;
                font: .3rem/.84rem "微软雅黑";
                color: #323232;
            }
            a:nth-child(1){
                background-image: url(/dist/image/bargain/1.png);
                margin-left: 1.32rem;
            }
            a:nth-child(3){
                background-image: url(/dist/image/bargain/2.png);
            }
            a:nth-child(5){
                background-image: url(/dist/image/bargain/3.png);
            }
            a:nth-child(7){
                background-image: url(/dist/image/bargain/4.png);
            }
        }
    }
    .list{
        overflow: hidden;
        li{
            width: 6.2rem;
            height: 3rem;
            border-radius: .16rem;
            margin: 0 auto .5rem;
            background: #fff;
            .img{
                float: left;
                height: 2.55rem;
                width: 2.55rem;
                margin: .22rem .34rem 0 .1rem;
            }
            .detail-wrap{
                float: left;
                width: 3.1rem;
                p:nth-child(1){
                    font: .32rem "微软雅黑";
                    color: #1e1e1e;
                    margin-top: .4rem;
                    font-weight: bold;
                }
                p:nth-child(2){
                    font: .24rem "微软雅黑";
                    color: #646464;
                }
                p:nth-child(3){
                    font: .28rem "微软雅黑";
                    color: #ec3300;
                    margin-top: .1rem;
                    span{
                        font-size: .41rem;
                        font-weight: bold;
                    }
                }
                p:nth-child(4){
                    width: 2.8rem;
                    height: .56rem;
                    background: url(/dist/image/bargain/kanjiatubiao@2x.png);
                    background-size: 100% 100%;
                    margin-top: .2rem;
                    span{
                        font: .26rem/.56rem "微软雅黑";
                        display: block;
                        float: right;
                        width: 2.1rem;
                        text-align: center;
                        color: #fff;
                    }
                }
            }
        }
    }
    
    .rule{
        padding-bottom: .3rem;
        h3{
            font: .28rem/.5rem "微软雅黑";
            color: #eb3c05;
            text-align: center;
            background: #fff;
            border-radius: .1rem;
            width: 1.3rem;
            height: .5rem;
            margin: 0 auto;
        }
        p{
            width: 5.8rem;
            margin: 0 auto;
            font: .26rem/.5rem "微软雅黑";
            color: #323232;
        }
    }
    
}
